{% extends "account/base.html" %}

{% load i18n %}
{% load crispy_forms_tags %}

{% block head_title %}{% trans "Account" %}{% endblock %}

{% block inner %}
  <h1>{% trans "E-mail Addresses" %}</h1>

  {% if user.emailaddress_set.all %}
    <p>{% trans 'The following e-mail addresses are associated with your account:' %}</p>

    <form action="{% url 'account_email' %}" class="email_list" method="post">
      {% csrf_token %}
      <fieldset class="blockLabels">

        {% for emailaddress in user.emailaddress_set.all %}
          <div class="radio">
            <label for="email_radio_{{ forloop.counter }}" class="{% if emailaddress.primary %}primary_email{% endif %}">

              <input id="email_radio_{{ forloop.counter }}" type="radio" name="email"
                     {% if emailaddress.primary or user.emailaddress_set.count == 1 %}checked="checked"{% endif %} value="{{ emailaddress.email }}"/>

              {{ emailaddress.email }}
              {% if emailaddress.verified %}
                <span class="verified">{% trans "Verified" %}</span>
              {% else %}
                <span class="unverified">{% trans "Unverified" %}</span>
              {% endif %}
              {% if emailaddress.primary %}<span class="primary">{% trans "Primary" %}</span>{% endif %}
            </label>
          </div>
        {% endfor %}

        <div class="form-group">
          <button class="secondaryAction btn btn-primary" type="submit" name="action_primary">{% trans 'Make Primary' %}</button>
          <button class="secondaryAction btn btn-primary" type="submit" name="action_send">{% trans 'Re-send Verification' %}</button>
          <button class="primaryAction btn btn-primary" type="submit" name="action_remove">{% trans 'Remove' %}</button>
        </div>

      </fieldset>
    </form>

  {% else %}
    <p>
      <strong>{% trans 'Warning:' %}</strong> {% trans "You currently do not have any e-mail address set up. You should really add an e-mail address so you can receive notifications, reset your password, etc." %}
    </p>

  {% endif %}


  <h2>{% trans "Add E-mail Address" %}</h2>

  <form method="post" action="{% url 'account_email' %}" class="add_email">
    {% csrf_token %}
    {{ form|crispy }}
    <button class="btn btn-primary" name="action_add" type="submit">{% trans "Add E-mail" %}</button>
  </form>

{% endblock %}


{% block javascript %}
  {{ block.super }}
  <script type="text/javascript">
    (function () {
      var message = "{% trans 'Do you really want to remove the selected e-mail address?' %}";
      var actions = document.getElementsByName('action_remove');
      if (actions.length) {
        actions[0].addEventListener("click", function (e) {
          if (!confirm(message)) {
            e.preventDefault();
          }
        });
      }
    })();

    $('.form-group').removeClass('row');
  </script>
{% endblock %}

